@charset "UTF-8";

/* Page Title */

 
/* 게시판 */

#board  {width:100%; float:left; margin-top:50px; }


table.list   {width:100%; float:left; border-top:1px solid black;  border-bottom:1px solid #707070;  }
table.list  th   { padding:9px; background-color:#f9f9f9; font-size:1.03em; font-weight:500; color:#333;  border-bottom:1px solid #ddd;}
table.list  td   {padding:9px; vertical-align:middle; font-size:1em; color:#777; border-bottom:1px solid #ddd;}
table.list  img {vertical-align:4px; margin:0 2px;}

ul.list   {width:100%; float:left;  margin-top:-18px;}

ul.list li   {padding:9px 0;  font-size:0.92em; line-height:1.3em; color:#666; border-bottom:1px solid #ddd;}
ul.list li  b {   font-size:1.1em; display:inline-block; padding-bottom:5px;  color:#333;  font-weight:600;}
ul.list li  span { font-size:0.94em; color:#999;}




.list {width:100%; float:left;}

.photo_gall {width:100%; float:left;  margin-top:20px; }
.photo_gall:first-child {margin-top:0;}

.photo_gall  li {width:48%;  position:relative; float:left;  box-sizing:border-box; font-size:0.95em;  line-height:1.4em;  font-weight:300; color:#888;}
.photo_gall li a {color:#777;}
.photo_gall  li:nth-child(2) {float:right;  }
 .photo_gall  li img {width:100%; margin-bottom:10px;  background-color:#ddd; float:left;}
.photo_gall  li b {font-size:1.05em; color:#333; font-weight:600;  line-height:1.2em; display:inline-block;  }

.photo_gall  li span.date {letter-spacing:0px !important; color:#999; border-bottom:1px solid #ddd;   margin-bottom:7px; padding-bottom:7px; width:100%; display:inline-block;    }
 .photo_gall  li span.star {letter-spacing:1px !important; color:#333;    width:100%; padding:4px 0; display:inline-block;    }
.photo_gall  li span.pay { font-size:1.03em; font-weight:500 ; color:#333;    width:100%; padding:4px 0;   border-bottom:1px solid #ddd;   margin-bottom:7px; padding-bottom:7px; display:inline-block;    }
.photo_gall li span.one {color:#fff; width:23px; margin:0 2px; line-height:23px; text-align:center;  border-radius:50%;  display:inline-block; font-size:12px;   }


 

.view    .title {  width:100%; float:left; font-size:1em; line-height:1em; padding:0px 0 2px 0; font-weight:600;  color:#666;}
.view   .list_view_text  {width:100%; border-bottom:1px solid #ddd; padding:0px 0 15px 0; box-sizing:border-box; float:left; font-size:0.93em; color:#888; line-height:1.4em; margin:5px 0 15px 0;}   
.view   .list_view_text a {color:#888 !important; text-decoration:underline;}
.view   .content {font-size:1.03em; color:#666; line-height:1.4em; border-bottom:1px solid #ddd;  width:100%; display:inline-block; padding-bottom:20px;}

  

/*코멘트*/
.view   .coment {font-size:0.95em; color:#999; line-height:1.4em;   width:100%; box-sizing:border-box; display:inline-block;  line-height:1.3em;  float:left;  }
  
.view .coment li {width:100%; float:left; box-sizing:border-box; padding-top:10px;} 
.view .coment strong {font-weight:500; color:#333; padding-right:5px; vertical-align:-1px;}
.view  .coment a {float:right; margin-left:5px;    display:inline-block;   line-height:25px; border-radius:2px;  }

.view  .coment a.btn {   color:#999;  }
.view  .coment a.btn_ov { border:1px solid #0c95f2; color:#0c95f2; box-shadow:none;}
.view .coment a  img {vertical-align:0;  }

.view  .coment  p {width:100%; box-sizing:border-box; padding-left:2px; display:inline-block; color:#555; font-size:1em; padding-top:0px; padding-bottom:10px;}

.view.re_write {width:100%; float:left; box-sizing:border-box; border:1px solid #ddd; padding:10px ;}
.view .re_write textarea {width:100%; height:100px; border:none; box-sizing:border-box; padding:0; font-size:1em; color:#777}


.list_next  {width:100%; float:left;  margin-top:10px;  padding-bottom:10px; box-sizing:border-box; border-bottom:1px solid #ddd;} 
.list_next p {width:100%; float:left; font-size:0.95em; line-height:1.3em; color:#999;}
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:600; color:#666; }



/*코멘트 리댓*/

.view   .re {font-size:0.95em; color:#999; line-height:1.4em;   display:inline-block;  line-height:1.3em; background-color:#f9f9f9;  border:1px solid #ddd;  padding-left:15px;padding-right:10px; margin-top:-1px;  }
.view .re li {border-bottom:1px solid #ddd;}
.view .re li:last-child {margin-bottom:0; border-bottom:0;}
.view  .re img {margin-right:5px;}
.view  .re a img {margin-right:0;}
.view  .re p {padding-left:12px;} 

.view   .re li ul {border:  none; border-top:1px solid #ddd; padding-right:0;}
 


 /*write*/
table.write   {width:100%; float:left;  border-top:1px solid #ddd; border-bottom:1px solid #707070;}
table.write  th   {padding:8px; vertical-align:middle; background-color:#fff; font-size:1em; text-align:left; font-weight:600; color:#333;     border-bottom:1px solid #ddd;  }
table.write  td   {padding:8px 0; font-size:1em;  color:#777; border-bottom:1px solid #ddd;}
table.write td input {vertical-align:middle;}
table.write  .input01 {font-size:0.9em !important; color:#666; width:100%; }
table.write  .textarea01 {font-size:0.9em !important; color:#666; width:100%; }
table.write td .t {width:100%; display:inline-block; padding-top:4px; }
 table.join th {border-bottom:none; padding-bottom:0px; padding-top:15px; }
 table.join td { padding-bottom:15px; padding-top:8px;}




/*페이징*/

.page     {text-align:center;  font-size:0.95em; font-weight:500;  color:#666;  width:100%; margin-top:30px;   display:inline-block;}
.page   ul { float:right; position:relative; left:-50%;}
.page   li { float:left; position:relative;  left:50%; margin-left:-1px; font-size:14px;   }


 

.page a {
	display:inline-block;
 	text-decoration:none;
 	border:1px solid #d1d1d1;  width:32px; line-height:32px; height:32px;     color:#999;
   }

.page   img {width:31px;}
 
 .page a.ov  {border:1px solid #555; background-color:#555;   color:#fff !important;}


 

							
.search							{margin-top:30px; float:left;  width:100%; background-color:#fff;  text-align:right;  }
.search   img  {margin-left:3px;}
.search .select01  {width:100px; font-size:0.91em; color:#777;}									   
.search .input01 {width:27%;} 
.search  a.btn  {background-color:#555;  box-shadow:1px 1px 3px #ddd; border-radius:3px; color:#fff; font-size:0.90em; font-weight:400; line-height:35px;   letter-spacing:0px !important; margin-left:3px; float:right; padding:0 20px;}

/* faq */
#opinion  {width:100%; float:left;  }
#opinion  img  {vertical-align:middle;}
#opinion	li			{width:100%; font-size:12px; color:#a3a1a1;  }
.faqno					{width:15%; float:left; padding:11px 0 0 0 ; text-align: center; font-size:0.95em;}
.faqtlt					{width:85%; float:left; padding:11px 0 8px 0;  font-size:0.95em;}
.faqline				{width:100%; height:1px; overflow:hidden;  border-bottom:1px solid #ddd; clear: both;}

   a.list_btn  {background-color:#555;  box-shadow:1px 1px 3px #ddd; border-radius:3px; color:#fff; font-size:0.90em; font-weight:400; line-height:35px; margin-top:10px;   letter-spacing:0px !important; margin-left:3px; float:right; padding:0 20px;}


   /*20210201 OST갤러리추가*/
 .ost-gall {width:100%; display:inline-block}
 .ost-gall ul {width:100%; display:flex; flex-wrap:wrap; }
 .ost-gall ul li {width:50%;    padding-right:15px; box-sizing:border-box; margin-bottom:20px; }
.ost-gall ul li:nth-child(2n) {padding-left:15px; padding-right:0}

div.ov {
width:100%;  
padding-bottom: 100%;
    display: block;
margin-bottom:10px; 
 
}
 
 
 .ost-gall ul li  p.t1 
 {color:#ff5400 !important; font-size:0.90em; line-height:1.4em;}
  .ost-gall ul li  p.t2 {color:#666 !important; font-weight:600; font-size:0.95em; line-height:1.4em;}

  .ost-view  div.ost-info {width:100%; float:left; margin-top:20px}
   .ost-view  div.ost-info p.t1 
 {color:#ff5400; font-size:0.85em; font-weight:400; line-height:1.4em}
 .ost-view  div.ost-info p.t2 {color:#666; font-weight:600; font-size:1.05em; line-height:1.35em }
 .ost-view  div.ost-info p.t3 {color:#999 !important; font-weight:400; font-size:0.80em;}
.ost-view span.line {width:100%; height:1px; background-color:#eaeaea; display:inline-block; margin:10px 0;}
#sub .ost-view h4 {font-size:0.95em; font-weight:600; letter-spacing:0.5px; color:#666; margin-top:15px; }
.ost-view .track-t {color:#666; background-color:#f9f9f9; width:100%; box-sizing:border-box; padding:15px; display:inline-block; margin-top:10px; font-size:0.93em; line-height:1.35em }